<!--头部导航栏-->
<template>
    <header class="header header-sticky">
        <div class="header-bottom menu-center">
            <div class="container">
                <div class="row justify-content-between">
                    <!--Logo start-->
                    <div class="col mt-10 mb-10">
                        <div class="logo">
                            <a href="/"><img src="/images/logo.png" alt=""></a>
                        </div>
                    </div>
                    <!--Logo end-->

                    <!--Menu start-->
                    <div class="col d-none d-lg-flex">
                        <nav class="main-menu">
                            <ul>
                                <li>
                                    <a href="/">主页</a>
                                </li>
                                <li>
                                    <a href="/property-list">房产</a>
                                </li>
                                <li class="has-dropdown"><a href="#">房产代理</a>
                                    <ul class="sub-menu">
                                        <li class="has-dropdown"><a href="agents.html">代理人显示方式</a>
                                            <ul class="sub-menu">
                                                <li><a href="agents-3-column.html">三列显示</a></li>
                                                <li><a href="agents.html">四列显示</a></li>
                                            </ul>
                                        </li>
                                        <li class="has-dropdown"><a
                                                href="agents-carousel-3-column.html">带阶梯房产代理人显示方式</a>
                                            <ul class="sub-menu">
                                                <li><a href="agents-carousel-3-column.html">三列显示</a></li>
                                                <li><a href="agents-carousel2-3-column.html">三列四行显示</a></li>
                                                <li><a href="agents-carousel-4-column.html">四列显示</a></li>
                                                <li><a href="agents-carousel2-4-column.html">四列两行</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="agent-details.html">代理人详情</a></li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="#">房产代理商</a>
                                </li>
                                <li>
                                    <a href="#">房产新闻</a>
                                </li>
                                <li class="has-dropdown"><a href="/user-center">用户中心</a>
                                    <ul class="sub-menu">
                                        <li><a href="/user-center">我的帐号</a></li>
                                        <li><a href="/add-property">添加房产</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </nav>
                    </div>
                    <!--Menu end-->

                    <!--User start-->
                    <div class="col mr-sm-50 mr-xs-50">
                        <div class="header-user">
                            <a href="/login-register" class="user-toggle">
                                <i class="pe-7s-user"></i>
                                <span>登录或注册</span>
                            </a>
                        </div>
                    </div>
                    <!--User end-->
                </div>

                <!--Mobile Menu start-->
                <div class="row">
                    <div class="col-12 d-flex d-lg-none">
                        <div class="mobile-menu"></div>
                    </div>
                </div>
                <!--Mobile Menu end-->
            </div>
        </div>
    </header>
</template>

<script>
    export default {
        name: ""
    }
</script>

<style scoped>

</style>
